// pages/zoomify/zoomify.js
Page({

  /**
   * 页面的初始数据
   */
  data: {

  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    const container = this.selectComponent('#my-leafletwx')
    container.initLeafletMap(function(L) {      
      wx.leaflet ??= {}
      wx.leaflet.L = L;
      require('./L.TileLayer.Zoomify')
      var map = L.map(container, {
        tileGroupPrefix: 'TileGroup',
        crs: L.CRS.Simple //Set a flat projection, as we are projecting an image
      });
      
      var layer = L.tileLayer.zoomify('https://zz2022.com:8100/mtiles/qy/{g}/{z}-{x}-{y}.jpg', {
          width: 10393,  // 原始图片宽度
          height: 9533, // 原始图片高度
      }).addTo(map);

      //Setting the view to our layer bounds, set by our Zoomify plugin
      // map.setView([2700,1800], 0);
      map.fitBounds(layer.getBounds());
  
    });
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})